<template>
    <div class="lawyer">
        <Header style="z-index:1025">
            <header-menu></header-menu>
        </Header>
        <div class="main">
            <div class="content">
                <div class="img"><img src="../Lawyer/img/lawyer.png" alt=""></div>
                <div class="cont">创建律师主页</div>
                <div class="step">
                    <Steps :current="0">
                        <Step title="填写律师姓名"></Step>
                        <Step title="填写律师基本信息"></Step>
                        <Step title="上传律师资质"></Step>
                    </Steps>
                </div>
                <div class="step-tit">
                    <p>请填写你要注册的律师姓名：</p>
                    <span>*</span><input type="text">
                    <div><button  @click="next()">下一步</button></div>
                </div>

            </div>

        </div>
        <bottom-icon></bottom-icon>
        <Footer>
            <page-footer></page-footer>
        </Footer>
    </div>
</template>

<script>
    import BottomIcon from '../../components/BottomIcon/'
    import PageFooter from '../../components/Footer/'
    import HeaderMenu from '@/components/Header/'
    export default {
        name: "index",
        components:{
            BottomIcon,
            PageFooter,
            HeaderMenu
        },
        methods: {
            next () {
                this.$router.push({path:'/lawInformation'})
            }
        }
    }
</script>

<style scoped lang="less">
    .main{
        background-color: #FFA3B2;
        padding: 52px 0;
        .content{
            width: 1200px;
            height:550px;
            border-radius: 6px;
            background-color: #fff;
            margin: 0 auto;
            .img{
                margin: 23px 0 0 42px;
                float: left;
            }
            .cont{
                float: left;
                font-size: 24px;
                color: #ff5371;
                margin: 23px 0 0 8px;
            }
            .step{
                clear: both;
                padding: 40px 0 0 176px;
            }
            .step-tit{
                text-align: center;
            }
            .step-tit p{
                margin: 93px 0 16px 0;
                font-size: 16px;
            }
            .step-tit span{
                color: crimson;
            }
            .step-tit input{
                width: 228px;
                height: 32px;
                margin-left: 15px;
            }
            .step-tit button{
                width: 228px;
                height: 40px;
                background-color: #ff5371;
                border-radius: 4px;
                outline: none;
                border: none;
                color: #fff;
                font-size: 20px;
                margin: 36px 0 0 15px;
            }
        }
    }
</style>